<%- include('./layouts/admin_header.ejs')%>

  <%- include('./layouts/admin_navbar.ejs'); %> 
 
    <div class="container-fluid">
      <div class="page-title">
        <h1>分类目录</h1>
      </div>
      <!-- 有错误信息时展示 -->
      <div class="alert alert-danger" hidden>
        <strong>警告！</strong><span>发生XXX错误</span>
      </div>
      <div class="row">
        <div class="col-md-4">
          <form>
            <%# 添加隐藏域，保存当前分类目录的id %>
            <input type="hidden" name="id" value="" id="id">
            <h2 id = "categoryMenu">添加新分类目录</h2>
            <div class="form-group">
              <label for="name">名称</label>
              <input id="name" class="form-control" name="name" type="text" placeholder="分类名称">
            </div>
            <div class="form-group">
              <label for="slug">别名</label>
              <input id="slug" class="form-control" name="slug" type="text" placeholder="slug">
              <p class="help-block">https://zce.me/category/<strong>slug</strong></p>
            </div>
            <div class="form-group">
              <input type="button" class="btn btn-primary" id="addCate"  value="添加">
              <input type="button" class="btn btn-primary" id="editCate" value="保存编辑" style="display:none">
            </div>
          </form>
        </div>
        <div class="col-md-8">
          <div class="page-action">
            <!-- show when multiple checked -->
            <a class="btn btn-danger btn-sm" href="javascript:;" style="display: none">批量删除</a>
          </div>
          <table class="table table-striped table-bordered table-hover">
            <thead>
              <tr>
                <th class="text-center" width="40"><input type="checkbox"></th>
                <th>名称</th>
                <th>Slug</th>
                <th class="text-center" width="100">操作</th>
              </tr>
            </thead>
            <tbody>
              
              
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>

  <%- include('./layouts/admin_aside.ejs'); %>

<%- include('./layouts/admin_footer.ejs')%>

<script type="text/template" id="cateTemplate">
  {{each data as val index}}
    <tr>
           <td class="text-center"><input type="checkbox"></td>
           <td>{{val.name}}</td>
           <td>{{val.slug}}</td>
           <td class="text-center">
              <a href="javascript:;" class="btn btn-info btn-xs btnEdit" data-id="{{val.id}}" data-slug="{{val.slug}}" data-name="{{val.name}}">编辑</a>
              <a href="javascript:;" class="btn btn-danger btn-xs btnDel" data-id = "{{val.id}}">删除</a>
            </td>
    </tr>
  {{/each}}
</script>
 
<script src = "/assets/vendors/template/template.js"></script> 
<script src = "/assets/js/categories.js"></script>